{% extends 'layout/basic.html' %}
{% load static %}

{% block title %} 首页 {% endblock %}

{% block css %}
    <style>
        img {
            width: 100%;
        }

        .main{
	text-align: center; /*让div内部文字居中*/
	background-color: #fff;
	border-radius: 20px;

	margin: 0 auto;

}
    </style>
{% endblock %}

{% block content %}
  <!-- <div>
        <img src="{% static 'img/index/index-1.png' %}">
        <img src="{% static 'img/index/index-2.png' %}">
        <img src="{% static 'img/index/index-3.png' %}">
        <img src="{% static 'img/index/index-4.png' %}">
    </div>

      <div style="width: 500px " class="main">

        <img src="{% static 'img/index/1.png' %}">
        <img src="{% static 'img/index/2.png' %}">
        <img src="{% static 'img/index/3.png' %}">
        <img src="{% static 'img/index/4.png' %}">
        <img src="{% static 'img/index/5.png' %}">
        <img src="{% static 'img/index/6.png' %}">
    </div>


-->
<div class="container">

    <div class="row">

        <div class="col-md-4">

            <div class="thumbnail">
                <img src="{% static 'img/index/1.png' %}"  alt="没找到" style="width: 300px">
            <h3 class="text-center">带口罩</h3>
            </div>

        </div>


        <div class="col-md-4">

            <div class="thumbnail">
                <img src="{% static 'img/index/2.png' %}"  alt="没找到" style="width: 300px">
              <h3 class="text-center">勤洗手</h3>
            </div>

        </div>
        <div class="col-md-4">

            <div class="thumbnail">
                <img src="{% static 'img/index/3.png' %}"  alt="没找到" style="width: 300px">
               <h3 class="text-center">多通风</h3>
            </div>

        </div>

    </div>







    <div class="row">

        <div class="col-md-4">

            <div class="thumbnail">
                <img src="{% static 'img/index/4.png' %}"  alt="没找到" style="width: 300px">
              <h3 class="text-center">公勺公筷</h3>
            </div>

        </div>


        <div class="col-md-4">

            <div class="thumbnail">
                <img src="{% static 'img/index/5.png' %}"  alt="没找到" style="width: 300px">
                 <h3 class="text-center">做好健康检测</h3>

            </div>

        </div>
        <div class="col-md-4">

            <div class="thumbnail">
                <img src="{% static 'img/index/6.png' %}"  alt="没找到" style="width: 300px">
                <h3 class="text-center">一米线</h3>

            </div>

        </div>

    </div>


</div>




{% endblock %}